---
title: Empty State
description: Used to indicate when a resource is empty or unavailable.
links:
  source: components/empty-state
  storybook: components-empty-state--basic
  recipe: empty-state
---

<ExampleTabs name="empty-state-basic" />

## Anatomy

```jsx
import { EmptyState } from '@saas-ui/react/empty-state'
```

```jsx
<EmptyState title="No data" description="No data found" />
```

## Examples

### Action

Here's an example of an empty state with an action button.

<ExampleTabs name="empty-state-with-action" />

### List

Here's an example of an empty state with a list.

<ExampleTabs name="empty-state-with-list" />

## Props

### Root

<PropTable component="EmptyState" part="Root" />
